<!DOCTYPE html>
<html lang="cn">
<head>
    <#include "/config.ftl">
    <#import "/common.ftl" as common/>
    <@common.header/>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>电子合同</title>
    <!-- 引入 WeUI -->
    <link rel="stylesheet" href="../../../static/css/weui.min.css"/>
    <link rel="stylesheet" href="../../../static/css/wx.css"/>
    <link rel="stylesheet" href="../../../static/css/style.css"/>
    
    <link rel="stylesheet" href="../../../static/css/weui_new.css">
    <script type="text/javascript" src="../../../static/js/zepto.min.js"></script>
    <script src="https://cdn.bootcss.com/date-fns/123/date_fns.min.js"></script>
    <script src="../../../static/js/weui.js"></script>
    <!--引入vue，axios-->
    <script src="../../../static/js/vue.js"></script>
    <script src="../../../static/js/axios.min.js"></script>
    <style>
        .weui-cell_access .weui-cell__ft:after{
            margin-top: -15px;
        }
        .weui-cells {
            margin-top: 0;
        }
    </style>
</head>
<body>

<div class="page" id="myContract">
    <section v-if="list">
        <div class="weui-form-preview">
            <div class="weui-form-preview__hd">
                <div class="weui-form-preview__item">
                    <label class="weui-form-preview__label">合同编号</label>
                    <span class="weui-form-preview__value">213213213123321</span>
                </div>
            </div>
            <div class="weui-form-preview__bd">
                <div class="weui-form-preview__item">
                    <label class="weui-form-preview__label">月租金</label>
                    <span class="weui-form-preview__value">1500.00</span>
                </div>
                <div class="weui-form-preview__item">
                    <label class="weui-form-preview__label">租期</label>
                    <span class="weui-form-preview__value">20170101-20170202</span>
                </div>
                <div class="weui-form-preview__item">
                    <label class="weui-form-preview__label">经纪人</label>
                    <span class="weui-form-preview__value">王轩 150383733232</span>
                </div>
                <div class="weui-form-preview__item">
                    <label class="weui-form-preview__label">状态</label>
                    <span class="weui-form-preview__value color-orange">待审批</span>
                </div>
            </div>
            <div class="weui-form-preview__ft">
                <div class="weui-btn-area view-btn" style="width: 100%;">
                    <a class="weui-btn weui-btn_plain-primary"
                       href="javascript:;" @click="checkDetail()">查看</a>
                </div>
            </div>
        </div>
    </section>
    <section v-if="contractInfo">
        <div class="weui-cell weui_cells_title">租赁信息</div>
        <div class="weui-cells weui-cells_form">
            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">月租金</label></div>
                <div class="weui-cell__bd">
                    <input class="weui-input" name="monthlyRent" type="number" pattern="[0-9]*" placeholder="需要与纸质合同一致"/>
                </div>
            </div>
            <div class="weui-cell" @click="datePickerStart()">
                <div class="weui-cell__hd">
                    <label for="" class="weui-label">起租日期</label>
                </div>
                <div class="weui-cell__bd weui-cell_access">
                    <input style="-webkit-text-fill-color:black; -webkit-opacity:1; opacity: 1;" class="weui-input" type="text" name="startDate_show" id="startDate" v-model="start_date"    disabled/>
                    <div class="weui-cell__ft">
                    </div>
                </div>
            </div>
            <div class="weui-cell" @click="datePickerEnd()">
                <div class="weui-cell__hd">
                    <label for="" class="weui-label">退租日期</label>
                </div>
                <div class="weui-cell__bd weui-cell_access">
                    <input style="-webkit-text-fill-color:black; -webkit-opacity:1; opacity: 1;" class="weui-input" type="text" name="endDate_show" id="endDate" v-model="end_date"   disabled/>
                    <div class="weui-cell__ft">
                    </div>
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">尾款</label></div>
                <div class="weui-cell__bd">
                    <input style="-webkit-text-fill-color:black; -webkit-opacity:1; opacity: 1;" class="weui-input" type="number" name="retainage" id="retainage" readonly />
                </div>
            </div>
        </div>
        <div class="weui-cell weui_cells_title">租客信息</div>
        <div class="weui-cells weui-cells_form">
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label for="" class="weui-label">姓名</label>
                </div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text" name="mobile" placeholder="请输入姓名"/>
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label for="" class="weui-label">身份证号</label>
                </div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text" name="mobile" placeholder="请输入身份证号"/>
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label for="" class="weui-label">手机号</label>
                </div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="number" name="mobile" id="validatePhone"  placeholder="请输入手机号"/>
                </div>
            </div>
            <div class="weui-cell weui-cell_vcode">
                <div class="weui-cell__hd"><label class="weui-label">验证码</label></div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="number" name="validateCode" placeholder="请输入验证码"/>
                </div>
                <div class="weui-cell__ft">
                    <button type="button" class="weui-vcode-btn vcode-btn"  id="J_getCode">获取验证码</button>
                    <button type="button" class="weui-vcode-btn" id="J_resetCode" style="display:none;"><span id="J_second">60</span>秒后重发</button>
                </div>
            </div>
            <div class="weui-cell" id="J_captcha">
                <div class="weui-cell__hd"><label class="weui-label">图形验证码</label></div>
                <div class="weui-cell__bd">
                    <input class="weui-input" id="captchaCode" placeholder="请输入图形验证码"/>
                </div>
                <div class="weui-cell__ft"><img src="" id="J_img" onclick="getCaptcha()" height="25px"/></div>
            </div>
        </div>

        <div class="weui-btn-area">
            <a class="weui-btn weui-btn_primary" href="javascript:" id="submitBtn" @click="submitBtn()">已确认上述信息正确</a>
        </div>
    </section>


</div>


<div class="weui-msg">
    <div class="weui-msg__icon-area"><i class="weui-icon-warn weui-icon_msg"></i></div>
    <div class="weui-msg__text-area">
        <h2 class="weui-msg__title">无历史申请</h2>
    </div>
</div>

</div>

</body>
<script src="../../../static/app/myContract.js"></script>
<script type="text/javascript" src="../../../static/js/sms/sms.js"></script>
<script type="text/javascript">
    $(function(){
        $('#J_captcha').hide();
    })
</script>

</html>